<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>培训课程</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
    <link href="../css/common.css" rel="stylesheet" />
    <style type="text/css">
      body{
        background-color: #fff;
      }
      .list{
        padding: 10px 0;
      }
      .list +.list{
        border-top: 1px solid #dcdcdc;
      }
      .img{
        width: 7rem;
      } 
      .img img{
        width: 7rem;
      }
      .tag-sm{
        padding: 2px 15px;
      }
      .bg-grey{
        background-color: #8799a3;
      }
    </style>
	</head>

	<body>
    <div id="container">
      <header class="mui-bar mui-bar-nav">
          <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
          <h1 class="mui-title">培训教育</h1>
      </header>
	
      <div id="" class="mui-content bg-white">
        <div class="padding-lr">
          <div class="list flex">
            <div class="img margin-right-xs">
              <img src="../img/img.png" alt="">
            </div>
            <div class="text">
              <div class="title text-df">风机内工作安全教育</div>
              <p>周期：2020-10-08 至 2020-10-11</p>
              <div>
                  <span class="tag-sm bg-grey text-white text-sm round" style="display: inline-block;">已完成</span>
              </div>
              
            </div>
          </div>
          <div class="list flex">
            <div class="img margin-right-xs">
              <img src="../img/img.png" alt="">
            </div>
            <div class="text">
              <div class="title text-df">升压工作安全教育</div>
              <p>周期：2020-09-08 至 2020-09-11</p>
              <div>
                  <span class="tag-sm bg-blue text-white text-sm round" style="display: inline-block;">学习中</span>
              </div>
              
            </div>
          </div>
          <div class="list flex">
            <div class="img margin-right-xs">
              <img src="../img/img.png" alt="">
            </div>
            <div class="text">
              <div class="title text-df">电缆学习</div>
              <p>周期：2020-09-08 至 2020-09-11</p>
              <div>
                  <span class="tag-sm bg-blue text-white text-sm round" style="display: inline-block;">学习中</span>
              </div>
              
            </div>
          </div>
        </div>
        
      </div>
    </div>
		<script src="../../../js/mui.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>
